﻿
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.5" charset="utf-8"/>
<title>我的保单</title>
<link href="/pad_marketing/html/css/main.css" rel="stylesheet" type="text/css" />
<link href="/pad_marketing/html/css/common.css" rel="stylesheet" type="text/css" />
<link href="/pad_marketing/html/css/mobiscroll.custom-2.6.2.min.css" rel="stylesheet" type="text/css" />
<style>
	.policy-tab a{
		display:inline-block;
		width:16%;
		color:#5c5c5c;
		position:relative;
	}
</style>
</head>

<body>
<input type="hidden" value="8" id="biaoshi"/>   
<!--标题区域 start-->
<div class="tit_main">
  <div class="row">
    <div class="col-md-4">
      <a href="/pad_marketing/MyPolicy/preservation.action" class="pull-left lh-50"><span class="icon icon-left"></span></a>
    </div>
    <div class="col-md-4">
      <label class="lh-50 white">我的保单</label>
    </div>
    <div class="col-md-4">
      <a class="pull-right block lh-50" href="/pad_marketing/index/index.action"><span class="icon icon-home"></span></a>
    </div>
  </div>
</div>
<!--标题区域 end-->
<div class="contentTop">
  <ul class="policy-tab">                              
    <a href="/pad_marketing/MyPolicy/underwriting.action"><li class="cbq">承保前</li></a>
    <a href="/pad_marketing/MyPolicy/track.action"><li class="xdzz">新单追踪</li></a>
    <a href="/pad_marketing/MyPolicy/claims.action"><li class="bq">保全</li></a>
    <a href="/pad_marketing/MyPolicy/preservation.action"><li class="lp active">理赔</li></a>
    <a href="/pad_marketing/MyPolicy/renewal.action"><li class="xqds">续期待收</li></a>
    <a href="/pad_marketing/MyPolicy/query.action"><li class="bdcx">保单查询</li></a>
  </ul>
</div>
<!--内容区域 start-->
<div class="H_contentTop overflow-auto">
  <div>    
    <div class="padding-15 font-16">
      <label class="pull-left"><span class="icon icon-circle-xin"></span>&nbsp;新单照会&nbsp;&nbsp;</label>
      <label class="pull-left"><span class="icon icon-circle-zhi"></span>&nbsp;质检照会&nbsp;&nbsp;</label>
      <label class="pull-left"><span class="icon icon-circle-fang"></span>&nbsp;回访照会&nbsp;&nbsp;</label>
      <label class="pull-left"><span class="icon icon-circle-qian"></span>&nbsp;电子回执&nbsp;&nbsp;</label>
      <label class="pull-left"><span class="icon icon-circle-bian"></span>&nbsp;保全照会&nbsp;&nbsp;</label>
      <label class="pull-left"><span class="icon icon-circle-pei"></span>&nbsp;理赔照会&nbsp;&nbsp;</label>
      <label class="pull-left"><span class="icon icon-circle-xiang"></span>&nbsp;查看详情</label>
      <span class="pull-right" style="color:#a8a8a8">本次查询出<span id="length" style="color:#a8a8a8">0</span>条记录</span>
    </div>

    <!-- 表格 -->
    <div class="clearfix"></div>
    <table class="table table-center table-lg xx">
      <thead>
        <tr class="primary">
          <th width="160" onclick="$.sortTable.sort('tablesort',0)"><span class="b white font-20">保单号<label class="white padding-left-15 icon_1">↓</label></span></th>
          <th width="140"><span class="b white font-20">被保险人</span></th>
          <th width="120"><span class="b white font-20">险种代码</span></th>
          <th width="120"><span class="b white font-20">保额</span></th>
          <th width="150" onclick="$.sortTable.sort('tablesort',4)"><span class="b white font-20">受理日期<label class="white padding-left-15 icon_1">↓</label></span></th>
          <th><span class="b white font-20">理赔状态</span></th>
          <th width="120"><span class="b white font-20">操作</span></th>
        </tr>
      </thead>
    </table>   
    <div class="height-400" style="height:420px;">
    <table class="table table-center table-lg xx presertable" id="tablesort">
      <tbody>
        <!-- <tr>
          <td>000000989898</td>
          <td>完成</td>
          <td>张小五</td>
          <td>SAAS78</td>
          <td>2837382</td>
          <td>2012年10月19日</td>
          <td><span class="icon icon-circle-bian"></span><a href=""><span class="icon icon-circle-notebook"></span></a></td>
        </tr> -->       
      </tbody>
    </table>
    </div>
  </div>
</div>
<!--内容区域 end-->

<div class="open-block open-lg hide open-primary" id="open1">
  <h4 class="open-header">
    详情<button type="button" class="close" onClick="closeDiv('open1')">×</button>
  </h4>
  <div class="open-body">
    <div class="form-group no-margin">
      <label class="col-md-3 control-label">理赔号</label>
      <div class="col-md-3"><p class="form-control-static blue" id="claimid"></p></div>
      <label class="col-md-3 control-label">险种代码</label>
      <div class="col-md-3"><p class="form-control-static blue" id="covercode"></p></div>
      <div class="clearfix"></div>
      <label class="col-md-3 control-label">被保险人</label>
      <div class="col-md-3"><p class="form-control-static blue" id="insuredname"></p></div>
      <label class="col-md-3 control-label">保额</label>
      <div class="col-md-3"><p class="form-control-static blue" id="sumassured"></p></div>
      <div class="clearfix"></div>
      <label class="col-md-3 control-label">出险原因</label>
      <div class="col-md-3"><p class="form-control-static blue" id="causeloss"></p></div>
      <label class="col-md-3 control-label">理赔状态</label>
      <div class="col-md-3"><p class="form-control-static blue" id="status"></p></div>
      <div class="clearfix"></div>
      <label class="col-md-3 control-label">理赔决定</label>
      <div class="col-md-3"><p class="form-control-static blue" id="decisiondesc"></p></div>
      <label class="col-md-3 control-label">照会状态</label>
      <div class="col-md-3"><p class="form-control-static blue" id="notciestatus"></p></div>
      <div class="clearfix"></div>
      <label class="col-md-3 control-label">事故日</label>
      <div class="col-md-3"><p class="form-control-static blue" id="loss"></p></div>
      <label class="col-md-3 control-label">受理确认日</label>
      <div class="col-md-3"><p class="form-control-static blue" id="operating"></p></div>
      <div class="clearfix"></div>
      <label class="col-md-3 control-label">结案日期</label>
      <div class="col-md-3"><p class="form-control-static blue" id="confirm"></p></div>   
    </div>
  </div>
</div>

<!--js全放底部-->
<script src="/pad_marketing/html/js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/jquery.jmpopups-0.5.1.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.min.js"></script>
<script src="/pad_marketing/html/js/iscroll.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.3dflow.js"></script>
<script src="/pad_marketing/html/js/mobiscroll.custom-2.6.2.min.js"></script>
<script src="/pad_marketing/html/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/jquery.dataTables.js"></script>
<script src="/pad_marketing/html/js/FixedColumns.js"></script>
<script src="/pad_marketing/html/js/datatables.mobile-fixed-columns-table.js"></script>

<script src="/pad_marketing/dev/js/myPolicy.js" type="text/javascript"></script>
</body>
</html>
